<?php
// 屏蔽PHP警告
error_reporting(E_ALL^E_NOTICE^E_WARNING);

require_once "jssdk.php";

// 设置子级账号的ID和秘钥
$jssdk = new JSSDK("wx43bf49c8b0529425", "3c748ce2635090bbd2978660f158976e");
$signPackage = $jssdk->GetSignPackage();
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="../index/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../index/index.css"/>
	<script type="text/javascript" src="../libs/requirejs.js" async="true" defer data-main="../router"></script>
</head>
<body>
		<header>
			<span id="scan">扫一扫</span>
			<div id="header_content">北京市昌平区回龙观东大街</div>
			<span id="search">搜&nbsp;索</span>
		</header>
		<!--主体-->
		<div id="main"></div>
		<!--页脚-->
		<footer>
			<ul>
				<a href="#home" class="shouye"><li class="btn1 btn" onclick="fn(0)">首页</li></a>
				<a href="#market"><li class="btn2  btn" onclick="fn(1)">闪送超市</li></a>
				<a href="#login" class="shoppingCar"><li class="btn3  btn" onclick="fn(2)">购物车</li></a>
				<span class="car_num"></span>
				<a href="#login" class="my"><li class="btn4  btn" onclick="fn(3)">我的</li></a>
			</ul>
		</footer>
</body>
<script type="text/javascript" src="../rem.js"></script>
<script type="text/javascript" src="../index/indexjs.js"></script>
<script type="text/javascript" src="../publicjs.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<!--<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp"></script>-->
<script>
  /*
   * 注意：
   * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
   * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
   * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
   *
   * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
   * 邮箱地址：weixin-open@qq.com
   * 邮件主题：【微信JS-SDK反馈】具体问题
   * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
   */
  wx.config({
    debug:true,
    appId: '<?php echo $signPackage["appId"];?>',
    timestamp: '<?php echo $signPackage["timestamp"];?>',
    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
    signature: '<?php echo $signPackage["signature"];?>',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'scanQRCode',
      'getLocation', 
      'openLocation'
    ]
  });
  wx.ready(function () {
    // 在这里调用 API
    var scan = document.querySelector('#scan');
    var address = document.querySelector('#header_content');
    scan.onclick = function(){
    	 wx.scanQRCode({
			    needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
			    scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
			    success: function (res) {
			    	var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
					}
			});
    }
    
    wx.getLocation({
      type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
      success: function (res) {
           latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
           longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
           speed = res.speed; // 速度，以米/每秒计
           accuracy = res.accuracy; // 位置精度


           // 反地址解析
           geocoder = new qq.maps.Geocoder({
              complete:function(result){
//               http://lbs.qq.com/javascript_v2/doc/addresscomponents.html
//              以上地址查看addressComponents参数的相关属性含义
              alert('成功：'+result.detail.addressComponents);
              address.innerHTML = result.detail.addressComponents.city + result.detail.addressComponents.district 
              + result.detail.addressComponents.street;
              }
           });
           var coord=new qq.maps.LatLng(latitude,longitude);
           geocoder.getAddress(coord);
      }
    })
	  
  });
</script>
</html>
